<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="con">
				<image src="/static/images/back.png" mode="widthFix" class="back"></image>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--手势解锁start-->
		<view class="gesture">设置手势密码<text>再次绘制手势密码</text></view>
		
		<view class='s_look'>
			<s-look activeColor="#4AB893" activeOutColor="#fff" squareColor="#DCDDDD" @complete="complete" size="280"></s-look>
		</view>
		<view class="set_tips">
			<text>再次绘制手势密码</text>
			<u-safe-bottom></u-safe-bottom>
		</view>
		<!--手势解锁end-->
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			complete(value) {
				console.log("滑动答案====>" + value)
			}
		}
	}
</script>

<style lang="scss">
	@import url("../../common/style.scss");
	@import url("./my.scss");
</style>
